<nz-card [nzBordered]="false">
  <section class="search-section">
    <input nz-input placeholder="昵称" [(ngModel)]="keyword" class="search-item"/>
    <button nz-button [nzType]="'primary'" nzGhost (click)="search()" class="search-item">
      <i class="anticon anticon-search"></i><span>搜索</span>
    </button>
  </section>
  <nz-table #nzTable [nzData]="page.content"
            [nzPageSize]="page.size"
            [nzTotal]="page.totalElements"
            [nzFrontPagination]="false"
            [(nzPageIndex)]="page.number"
            (nzPageIndexChange)="changePageNo($event)"
            [nzLoading]="isLoading">
    <thead>
    <tr>
      <th nz-th><span>序号</span></th>
      <th nz-th><span>昵称</span></th>
      <th nzShowSort [(nzSort)]="sortMap.shopNum" (nzSortChange)="sort('shopNum',$event)">
      <span>店铺数</span></th>
      <!--<th nzShowSort [(nzSort)]="sortMap.totalCredit" (nzSortChange)="sort('totalCredit',$event)"><span>总积分</span></th>-->
      <!--<th nzShowSort [(nzSort)]="sortMap.residualCredit" (nzSortChange)="sort('residualCredit',$event)">-->
        <!--<span>剩余积分</span></th>-->
      <th nzShowSort [(nzSort)]="sortMap.totalTakCredit" (nzSortChange)="sort('totalTakCredit',$event)">
        <span>TAK总积分</span></th>
      <th nzShowSort [(nzSort)]="sortMap.residualTakCredit" (nzSortChange)="sort('residualTakCredit',$event)"><span>剩余TAK积分</span>
      </th>
      <th nzShowSort [(nzSort)]="sortMap.saveTime" (nzSortChange)="sort('saveTime',$event)">
        <span>邀请时间</span></th>
      <th nz-th><span>操作</span></th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let data of nzTable.data;let i=index">
      <td>
        {{i+1}}
      </td>
      <td>{{data.name}}</td>
      <td>{{data.shopNum}}</td>
      <!--<td>{{data.totalCredit}}</td>-->
      <!--<td>{{data.residualCredit}}</td>-->
      <td>{{data.totalTakCredit}}</td>
      <td>{{data.residualTakCredit}}</td>
      <td>{{data.saveDate}}</td>
      <td>
        <a href="javascript:void (0);" routerLink="/otc-center/list/detail/cus/detail" [queryParams]="{id: data.childId}">查看详情</a>
      </td>
    </tr>
    </tbody>
  </nz-table>
</nz-card>
